type Props = {
  className?: string;
  onClick?: () => void;
};

export const TrashIcon = ({ className, onClick }: Props) => {
  return (
    <svg
      onClick={onClick}
      className={className}
      width="77"
      height="77"
      viewBox="0 0 77 77"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_519_23)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M45.815 6.41663C47.1617 6.41698 48.4742 6.84104 49.5665 7.62876C50.6589 8.41648 51.4756 9.52791 51.9012 10.8056L53.6433 16.0416H64.1667C65.0176 16.0416 65.8336 16.3796 66.4353 16.9813C67.037 17.583 67.375 18.3991 67.375 19.25C67.375 20.1009 67.037 20.9169 66.4353 21.5186C65.8336 22.1203 65.0176 22.4583 64.1667 22.4583L64.157 22.6861L61.3754 61.6449C61.2018 64.0723 60.1151 66.3439 58.334 68.0024C56.5529 69.6608 54.2097 70.583 51.7761 70.5833H25.2239C22.7903 70.583 20.4471 69.6608 18.666 68.0024C16.8849 66.3439 15.7982 64.0723 15.6246 61.6449L12.843 22.6829C12.8372 22.6081 12.8339 22.5332 12.8333 22.4583C11.9824 22.4583 11.1664 22.1203 10.5647 21.5186C9.96302 20.9169 9.625 20.1009 9.625 19.25C9.625 18.3991 9.96302 17.583 10.5647 16.9813C11.1664 16.3796 11.9824 16.0416 12.8333 16.0416H23.3567L25.0988 10.8056C25.5245 9.52739 26.3418 8.41558 27.4348 7.62782C28.5277 6.84006 29.8409 6.4163 31.1882 6.41663H45.815ZM28.875 32.0833C28.0892 32.0834 27.3307 32.3719 26.7435 32.8941C26.1562 33.4163 25.7811 34.1358 25.6891 34.9163L25.6667 35.2916V54.5416C25.6676 55.3594 25.9807 56.1459 26.5421 56.7405C27.1034 57.3351 27.8706 57.693 28.687 57.7409C29.5033 57.7888 30.3071 57.5232 30.9342 56.9984C31.5613 56.4735 31.9643 55.729 32.0609 54.917L32.0833 54.5416V35.2916C32.0833 34.4407 31.7453 33.6247 31.1436 33.023C30.542 32.4213 29.7259 32.0833 28.875 32.0833ZM48.125 32.0833C47.2741 32.0833 46.458 32.4213 45.8564 33.023C45.2547 33.6247 44.9167 34.4407 44.9167 35.2916V54.5416C44.9167 55.3925 45.2547 56.2086 45.8564 56.8103C46.458 57.4119 47.2741 57.75 48.125 57.75C48.9759 57.75 49.792 57.4119 50.3936 56.8103C50.9953 56.2086 51.3333 55.3925 51.3333 54.5416V35.2916C51.3333 34.4407 50.9953 33.6247 50.3936 33.023C49.792 32.4213 48.9759 32.0833 48.125 32.0833ZM45.815 12.8333H31.185L30.1166 16.0416H46.8834L45.815 12.8333Z"
        />
      </g>
      <defs>
        <clipPath id="clip0_519_23">
          <rect width="77" height="77" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
};
